import React from 'react';


class Rank extends React.Component{
    render(){
        return(
            <div>
                <div className="toplist_box">
					<div className="mod_index mod_index--top mod_slide_box">
						<div className="toplist_section_inner">
							<div className="index__hd">
								<h2 className="index__tit">
									<i className="index__tit_sprite"></i>
									<i className="icon_txt">排行榜</i>
								</h2>
								<i className="index__line index__line--left"></i>
								<i className="index__line index__line--right"></i>
							</div>
							<a href="javascript::" className="index__more index__more--white">
								全部
								<i className="icon_index_arrow"></i>
							</a>
							<div className="mod_toplist">
								<ul className="toplist__list">
									<li className="toplist__item toplist__item--pop mod_cover">
										<div className="toplist__bg toplist_b_1"></div>
										<i className="mod_cover__mask"></i>
										<i className="mod_cover__icon_play js_play_toplist jbc"></i>
										<i className="toplist__line"></i>
										<h3 className="toplist__hd pointer">
											<a className="toplist__tit js_toplist">
												<i className="toplist__tit_top">
													<i className="icon_txt">巅峰榜</i>
												</i>
												<div className="toplist__tit_pop">流行指数</div>
											</a>
										</h3>
										<ul className="toplist__songlist">
											<li className="toplist__song pointer">
												<div className="toplist__number gjb">1</div>
												<div className="toplist__songname">
													<a className="js_song">等我回家 (Live)</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">薛之谦/王栎鑫</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number gjb">2</div>
												<div className="toplist__songname">
													<a className="js_song">As If It’s Your Last (마지막처럼)</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">BLACKPINK</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number gjb">3</div>
												<div className="toplist__songname">
													<a className="js_song">追光者</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">岑宁儿</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number gjb">4</div>
												<div className="toplist__songname">
													<a className="js_song">那个男孩</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">汪苏泷</a>
												</div>
											</li>
										</ul>
									</li>
									<li className="toplist__item toplist__item--new mod_cover">
										<div className="toplist__bg  toplist_b_2"></div>
										<i className="mod_cover__mask"></i>
										<i className="mod_cover__icon_play js_play_toplist"></i>
										<i className="toplist__line"></i>
										<h3 className="toplist__hd pointer">
											<a className="toplist__tit js_toplist">
												<i className="toplist__tit_top">
													<i className="icon_txt">巅峰榜</i>
												</i>
												<div className="toplist__tit_pop">热歌</div>
											</a>
										</h3>
										<ul className="toplist__songlist">
											<li className="toplist__song pointer">
												<div className="toplist__number">1</div>
												<div className="toplist__songname">
													<a className="js_song ">那个男孩</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">汪苏泷</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">2</div>
												<div className="toplist__songname">
													<a className="js_song">夏至未至</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">胡夏</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">3</div>
												<div className="toplist__songname">
													<a className="js_song">追光者</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">岑宁儿</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">4</div>
												<div className="toplist__songname">
													<a className="js_song">未至</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">郁可唯</a>
												</div>
											</li>
										</ul>
									</li>
									<li className="toplist__item toplist__item--hot mod_cover">
										<div className="toplist__bg  toplist_b_3"></div>
										<i className="mod_cover__mask"></i>
										<i className="mod_cover__icon_play js_play_toplist"></i>
										<i className="toplist__line"></i>
										<h3 className="toplist__hd pointer">
											<a className="toplist__tit js_toplist">
												<i className="toplist__tit_top">
													<i className="icon_txt">巅峰榜</i>
												</i>
												<div className="toplist__tit_pop">新歌</div>
											</a>
										</h3>
										<ul className="toplist__songlist">
											<li className="toplist__song pointer">
												<div className="toplist__number">1</div>
												<div className="toplist__songname">
													<a className="js_song">As If It’s Your Last (마지막처럼)</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">BLACKPINK</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">2</div>
												<div className="toplist__songname">
													<a className="js_song">We Are One</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">Hardwell/蔡依林</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">3</div>
												<div className="toplist__songname">
													<a className="js_song">Yellow Light</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">Pharrell Williams</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">4</div>
												<div className="toplist__songname">
													<a className="js_song">追光者</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">岑宁儿</a>
												</div>
											</li>
										</ul>
									</li>
									<li className="toplist__item toplist__item--high mod_cover">
										<div className="toplist__bg  toplist_b_4"></div>
										<i className="mod_cover__mask"></i>
										<i className="mod_cover__icon_play js_play_toplist"></i>
										<i className="toplist__line"></i>
										<h3 className="toplist__hd pointer">
											<a className="toplist__tit js_toplist">
												<i className="toplist__tit_top">
													<i className="icon_txt">巅峰榜</i>
												</i>
												<div className="toplist__tit_pop">欧美</div>
											</a>
										</h3>
										<ul className="toplist__songlist">
											<li className="toplist__song pointer">
												<div className="toplist__number">1</div>
												<div className="toplist__songname">
													<a className="js_song">All I Can Think About Is You</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">Coldplay</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">2</div>
												<div className="toplist__songname">
													<a className="js_song">2U</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">David Guetta/Justin Bieber</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">3</div>
												<div className="toplist__songname">
													<a className="js_song">Attention</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">Charlie Puth</a>
												</div>
											</li>
											<li className="toplist__song pointer">
												<div className="toplist__number">4</div>
												<div className="toplist__songname">
													<a className="js_song">Yellow Light</a>
												</div>
												<div className="toplist__artist">
													<a className="js_singer">Pharrell Williams</a>
												</div>
											</li>
										</ul>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
            </div>
        )
    }
}
export default Rank;
